import React from 'react';
import {Link} from "react-router-dom";
import Applayout from "./applayout";
import banner from '../img/banner.png'
import './start_page.scss'
import {Button} from "react-ui-xmui";

const Start = () => {
  return (

    <div className={'start-page'}>
      <img src={banner} alt={'banner'}/>

      <h1 className={'title'}>XMui-React框架</h1>
      <h2 className={'subtitle'}>基于React的开发的轻量级UI框架</h2>

      <Link to={'/doc'}>
        <Button size={'large'}>快速开始</Button>
      </Link>
      <div className="describe">
        <ul>
          <li>
              <span>TypeScript开发</span>
              <p>类型化超集，强类型限定，增加开发效率</p>
          </li>
          <li>
            <span>基于最新的React</span>
            <p>性能优化，兼容2021最新版本</p>
          </li>
          <li>
            <span>简洁至上，快速入门</span>
            <p>让你更专心于业务代码</p>
          </li>
        </ul>
      </div>


    </div>

  );
};

export default Start;